<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        a:link {
            color: red;
            text-decoration: none;
        }

        a:visited {
            color: green;
            text-decoration: none;
        }

        a:hover {
            color: blue;
            text-decoration: underline;
        }

        a:active {
            text-decoration: none;
            color: yellow;
            text-decoration: none;
        }
    </style>
</head>

<body>
    <!-- css定义超链接是要有先后顺序的。否则，在某些浏览器里面有可能会出现某个样式不起作用的bug。不能正确显示想要的效果。

    CSS属性的排列顺序: L-V-H-A 。 为了便于记忆我们常用love hate来记忆，但是也要记住原理，别到时候只记住love hate ，却不知道代表着什么，那就适得其反了。

    L-V-H-A是link、visited、hover、active的简写。

    它们分别表示

    A:link 超链接的默认样式
    A:visited 访问过的（已经看过的）链接样式
    A:hover 鼠标处于鼠标悬停状态的链接样式
    A:active 当鼠标左键按下时，被激活（就是鼠标按下去那一瞬间）的链接样式。 -->
    <a href="baidu.com">百度一下，你就知道</a>
</body>

</html>